varshitha pedapalli
Public
0/140
30.0 seconds
Continue clipping after ad finishes
Can’t create clip while ad is playing
Banner image/Hero Image Tutorial with HTML and CSS
Code Instinct
778 Likes
80,307 Views
2017 Jul 1
This video is about how to create hero image with html and css Get the Source Code Here: https://www.patreon.com/posts/banner-...
 -- -- -- Online tools used in this tutorial: 1. Google Fonts: https://fonts.google.com
 ---- ------ ------ ------ ------ ------ - Code Editor: Brackets - Recorded with : NVIDIA Shadowplay ----- -------- ------- -------- -------- ------- ------- • Music Info: Title: BACK IN SUMMER Artist: Nicolai Heidlas Genre: Pop Mood: Bright Download: https://goo.gl/BbaOSQ
 ––– • Licence: BACK IN SUMMER by Nicolai Heidlas Music https://soundcloud.com/nicolai-heidlas
 Creative Commons — Attribution 3.0 Unported— CC BY 3.0 http://creativecommons.org/licenses/b..
. Music provided by Audio Library https://youtu.be/sGsC98vR4Q4 ------ -------- --------- --------- -------- --------- Video Created By: R.Y Baskara
HTML, CSS, & Javascript Tutorials

Banner image/Hero Image Tutorial with HTML and CSS

Code Instinct
4.62K subscribers
80,307 views Jul 1, 2017
This video is about how to create hero image with html and css Get the Source Code Here: https://www.patreon.com/posts/banner-...
 -- -- -- Online tools used in this tutorial: 1. Google Fonts: https://fonts.google.com
 ---- ------ ------ ------ ------ ------ - Code Editor: Brackets - Recorded with : NVIDIA Shadowplay ----- -------- ------- -------- -------- ------- ------- • Music Info: Title: BACK IN SUMMER Artist: Nicolai Heidlas Genre: Pop Mood: Bright Download: https://goo.gl/BbaOSQ
 ––– • Licence: BACK IN SUMMER by Nicolai Heidlas Music https://soundcloud.com/nicolai-heidlas
 Creative Commons — Attribution 3.0 Unported— CC BY 3.0 http://creativecommons.org/licenses/b..
. Music provided by Audio Library https://youtu.be/sGsC98vR4Q4 ------ -------- --------- --------- -------- --------- Video Created By: R.Y Baskara
Show less
You always have exactly what I'm looking for, thanks for making such great videos!
5
Awesome! Great tutorial. Thank you for this video :)
Thanks for the video! By the way it would be better if you showed the website more frequently, to let us see the change :)
3
You’re the best at explaining code quickly. Keep going! Awesome 😎
thank you so much for this simplified version of text overlay
Hey, I am trying to use this for the header of my website. I would like the nav to go over the image i am using as well. I typed in the code, but the asterick selector in the css is making the height 100% for every section on the page. When I try to adjust the height manually and take away the asterick, it gets rid of the image. Please help!
Great stuff thanks!!
hi i am using sublime text and the only thing that is different with mine from yours is the 'hover' and 'active' after the 'btn' in the css isnt changing colour and it just isnt working, when i refresh the page i see the button flash on but then it goes? do you have any idea what is wrong?
Just the video i have been looking for!
Awesome 👍
awesome video!, can you use any size of picture to do this my picture keeps showing only the corner
hello, what theme of brackets is this?
Thanks so much man.
Awesome.
when i put my image in its only really small in the right corner
Awesome
1
This is awethum!!!!!!!
what your themes using?
i thought this channel is great.. keep making video.. i like this video.. thank's
how do i resize it the banner without making it scroll